<template>
	<div>
		<h4 class="m-t-lg m-b">{{ model.commentCount }} 条评论</h4>
		<section class="comment-list block">
			<article id="comment-id-1" class="comment-item">
				<a class="pull-left thumb-sm">
					<img src="/static/images/a0.png" class="img-circle">
				</a>
				<section class="comment-body m-b">
					<header>
						<a href="#"><strong>禅心</strong></a>
						<label class="label bg-info m-l-xs">编辑</label>
						<span class="text-muted text-xs block m-t-xs">
							24 分钟 前
						</span>
					</header>
					<div class="m-t-sm">其实人人都可以是自己生活中的主角，任何事情不要害怕失败。正在努力奋斗的年轻人，希望你们都能成为自己人生的喜剧之王。</div>
				</section>
			</article>
			<!-- .comment-reply -->
			<article id="comment-id-2" class="comment-item comment-reply">
				<a class="pull-left thumb-sm">
					<img src="/static/images/a1.png" class="img-circle">
				</a>
				<section class="comment-body m-b">
					<header>
						<a href="#"><strong>禅心</strong></a>
						<label class="label bg-dark m-l-xs">管理员</label>
						<span class="text-muted text-xs block m-t-xs">
							26 分钟 前
						</span>
					</header>
					<div class="m-t-sm">对一部电影来讲，不存在“小角色”，每个人都是有用的角色。要达到电影的效果，不管是什么戏份的人，他们对最后的呈现都会产生影响。</div>
				</section>
			</article>
			<!-- / .comment-reply -->
			<article id="comment-id-2" class="comment-item">
				<a class="pull-left thumb-sm">
					<img src="/static/images/a2.png" class="img-circle">
				</a>
				<section class="comment-body m-b">
					<header>
						<a href="#"><strong>禅心</strong></a>
						<label class="label bg-dark m-l-xs">管理员</label>
						<span class="text-muted text-xs block m-t-xs">
							26 分钟 前
						</span>
					</header>
					<blockquote class="m-t">
						<p>虽然“喜剧之王”字面上是“王”，但其实是一些认真生活、努力追求的小人物，在他们身上，你可以看到真实、自信、认真甚至是较真。</p>
						<small>喜剧之王 <cite title="Source Title">努力、奋斗</cite></small>
					</blockquote>
					<div class="m-t-sm">20年前，尹天仇虽然努力奋斗了很久，但电影的结尾他还是失去了演主角的机会，我们在电影里面没有安排一个他功成名就的结局。</div>
				</section>
			</article>
		</section>
		<h4 class="m-t-lg m-b">发表评论</h4>
		<form>
			<div class="form-group pull-in clearfix">
				<div class="col-sm-6">
					<label>您的尊称</label>
					<input type="text" class="form-control" placeholder="称呼">
				</div>
				<div class="col-sm-6">
					<label>邮箱</label>
					<input type="email" class="form-control" placeholder="邮箱">
				</div>
			</div>
			<div class="form-group">
				<label>评语</label>
				<textarea class="form-control" rows="5" placeholder="请输入您的评语"></textarea>
			</div>
			<div class="form-group">
				<button type="submit" class="btn btn-success">提交</button>
			</div>
		</form>
	</div>
</template>

<script>
	export default {
		data(){
			return {
				model: {
					commentCount: 10
				}
			}
		}
	}
</script>

<style>
</style>
